<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/contact.css" />
		<link rel="stylesheet" type="text/css" href="http://7xjrtc.com2.z0.glb.qiniucdn.com/resource/css/font-awesome.min.css" />
		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
	</head>

	<body>
		<div class="Wrap">
			<div class="contactWrap">
				<div class="nav">
					<div class="nav_center">
						<img src="img/logo.png" class="nav_logo" />
						<div class="nav_btn">
							<div>
								<a href="login.html">登录</a>
							</div>
							<div style="background-color: rgb(52, 200, 255);">
								<a href="contact.html">联系</a>
							</div>
							<div>
								<a href="about.html">关于</a>
							</div>
							<div>
								<a href="news.php">动态</a>
							</div>
							<div>
								<a href="product.html">产品</a>
							</div>
							<div>
								<a href="first.html">首页</a>
							</div>
						</div>
					</div>
				</div>
				<div class="contact_middle">
					<img src="img/top.png" />
					<div class="contact_middle_center">
						<img src="img/android.png" class="erweima2" />
						<img src="img/apple.png" class="erweima3" />
						<div class="small_fontAwesom">
							<div class="awesom_email">
								<a href="mailto:contact@zicc.cc">
									<i class="fa fa-envelope"></i>
								</a>
							</div>
							<div class="awesom_android">
								<a href="http://7xiczc.com2.z0.glb.qiniucdn.com/wi.apk">
									<i class="fa fa-android"></i>
								</a>
							</div>
							<div class="awesom_apple">
								<a href="https://appsto.re/cn/kfFr6.i">
									<i class="fa fa-apple"></i>
								</a>
							</div>
						</div>
						<div class="contact_form">
							<form action="contact.php" method="get">
								<input type="text" name="name" id="" value="" placeholder="姓名" /><br>
								<input type="text" name="phone" id="" value="" placeholder="手机号码" /><br>
								<input type="text" name="email" id="" value="" placeholder="电子邮件" /><br>
								<input type="text" name="question" id="" value="" placeholder="需求/问题提交" /><br>
								<input type="submit" class="contact_form_submit" value="提交" style="width: 100px;text-align: center;" />
							</form>
						</div>
						<div class="contact_message">
							<div class="contact_message_1">
								<p>创始自2013</p>
								<p>于海口市西海岸西秀海滩</p>
								<p>Email: contact@zicc.cc</p>
							</div>
							<div class="contact_message_2">
								<p>中关村国家自主创新示范区</p>
								<p>中关村北大街127-1号</p>
								<p>全国免费热线 400-001-806</p>
							</div>
							<div class="contact_message_3">
								<img src="img/weixin-qrcode.png" />
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="contact_min_wrap">
				<div class="nav">
					<div class="nav_center">
						<img src="img/logo.png" class="nav_logo" />
						<div class="click">
							<span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
						</div>
					</div>
				</div>
				<div class="nav_btn2">
					<a href="mobile/first.html">
						<div>
							首页
						</div>
					</a>
					<a href="product_phone.html">
						<div>
							产品
						</div>
					</a>
					<a href="mobile.php">
						<div>
							动态
						</div>
					</a>
					<a href="mobile/about.html">
						<div>
							关于
						</div>
					</a>
					<a href="contact.html">
						<div>
							联系
						</div>
					</a>
				</div>
				<div class="contact_min_middle">
					<div class="contact_middle_min_center">
						<h3>与我们联系</h3>
						<p>您可以主动同我们联系, 或留下联系方式</p>
						<div class="contact_middle_min_center_chd1">
							<div class="chd_left">
								<p>创始自2013</p>
								<p>于海口市西海岸西秀海滩</p>
								<p>Email:</p>
								<p>contact@zicc.cc</p>
							</div>
							<div class="chd_right">
								<p>中关村国家自主创新示范区</p>
								<p>中关村北大街127-1号</p>
								<p>全国免费热线</p>
								<p>400-001-806</p>
							</div>
						</div>
						<div class="contact_middle_min_center_chd2">
							<div class="awesom_android2">
								<a href="http://7xiczc.com2.z0.glb.qiniucdn.com/wi.apk">
									<i class="fa fa-android"></i>
								</a>
							</div>
							<div class="awesom_apple2">
								<a href="https://appsto.re/cn/kfFr6.i">
									<i class="fa fa-apple"></i>
								</a>
							</div>
						</div>
						<div class="contact_form">
							<form action="contact.php" method="get">
								<input type="text" name="name" id="" value="" placeholder="姓名" /><br>
								<input type="text" name="phone" id="" value="" placeholder="手机号码" /><br>
								<input type="text" name="email" id="" value="" placeholder="电子邮件" /><br>
								<input type="text" name="question" id="" value="" placeholder="需求/问题提交" /><br>
								<input type="submit" class="contact_form_submit" value="提交" style="width: 100px;text-align: center;" />
							</form>
						</div>
						<div class="nouse"></div>
					</div>
					<div class="contact_foot">
						<a href="contact.html">
							<div>
								联系我们
							</div>
						</a>
						<p>北京紫尘咨询有限责任公司</p>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.12.3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.awesom_android').mouseover(function() {
			$('.erweima2').css('display', 'block');
		})
		$('.awesom_android').mouseout(function() {
			$('.erweima2').css('display', 'none');
		})
		$('.awesom_apple').mouseover(function() {
			$('.erweima3').css('display', 'block');
		})
		$('.awesom_apple').mouseout(function() {
			$('.erweima3').css('display', 'none');
		})
		var bol = true;
		$(".click").on("click", function() {
			if (bol) {
				$(".nav_btn2").animate({
					height: '+=210px'
				})
				bol = false
			} else {
				$(".nav_btn2").animate({
					height: '-=210px'
				})
				bol = true;
			}
		})
	</script>

</html>